﻿@charset "UTF-8";
a:link,
a:visited,
em,
i,
u {
    text-decoration: none
}

.pa,
.pr {
    top: 0;
    left: 0
}

.c,
.clr:after,
.h,
.oh,
.t {
    overflow: hidden
}

.dib,
.vm .vma .vmb,
li {
    vertical-align: middle
}

.abtn button,
.abtn u,
.abtn-up input,
.btn u,
.ctr-sw a:hover,
.sw li,
.upfile input {
    cursor: pointer
}

.pimg cite,
em,
i,
u {
    font-style: normal
}

#dt-nav-btn i,
.dt-account-btn i {
    -webkit-transition: -webkit-transform .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out
}

#dt-account:hover .dt-account-btn i,
#dt-nav:hover i {
    -moz-transform: rotateZ(-180deg);
    -o-transform: rotateZ(-180deg)
}

#myalbums-albs.loading *,
#retotop,
.h0,
.h5vh,
.vh {
    visibility: hidden
}

body,
html {
    min-height: 101%
}

body,
button,
input,
select,
td,
textarea,
th {
    font-size: 12px;
    line-height: 1.5;
    font-family: tahoma, arial, sans-serif;
    color: #666
}

blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

dl,
ul {
    list-style: none
}

img {
    border: 0
}

.bd,
.lb li {
    border: 1px solid red
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 14px;
    font-weight: 400
}

th {
    font-weight: 400
}

.b,
.dftt {
    font-weight: 700
}

:focus {
    outline: 0
}

q:after,
q:before {
    content: ''
}

.clr:after,
div.pl:after {
    content: "\0020";
    clear: both
}

a:link,
a:visited {
    color: #5678a0
}

a:active {
    background-color: transparent
}

.lkl a,
a.lkl {
    text-decoration: underline!important
}

.lkn a,
a.lkn {
    text-decoration: none!important
}

.bg {
    background: red
}

#content,
body {
    background-color: #fff
}

.bn,
.vm .vma {
    border: none!important
}

.c {
    clear: both
}

.clr {
    zoom: 1
}

.clr:after {
    display: block;
    height: 0
}

.l,
.r {
    display: inline
}

.l {
    float: left!important
}

.r {
    float: right!important
}

.dib,
.n {
    float: none!important
}

.h {
    width: 50%;
    +width: 49.99%
}

.t {
    width: 33.333%;
    +width: 33.2%
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.pa {
    position: absolute
}

.pr,
.vm {
    position: relative
}

.db,
.dbi img {
    display: block
}

.dib {
    display: inline-block;
    display: -moz-inline-box;
    -moz-box-align: stretch;
    +display: inline
}

.pl a,
.sw li,
.sw li a,
a.pl,
ul.ll li {
    float: left
}

@media all and (min-width:0px) {
    .dib {
        display: inline-block
    }
}

.dn {
    display: none!important
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.l15 {
    line-height: 1.5
}

.l18 {
    line-height: 1.8
}

.l20 {
    line-height: 2
}

.l22 {
    line-height: 2.2
}

.l24 {
    line-height: 2.4
}

.l26 {
    line-height: 2.6
}

.nw {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden
}

.bw,
.h0,
.h18 {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden
}

.ma {
    margin-left: auto!important;
    margin-right: auto!important
}

.h0 {
    +position: relative;
    height: 0!important
}

.h18 {
    height: 18px
}

.m0 {
    margin: 0!important
}

.mt8 {
    margin-top: 8px
}

.ml8 {
    margin-left: 8px
}

.mr8 {
    margin-right: 8px
}

.mb8 {
    margin-bottom: 8px
}

.pb8 {
    padding-bottom: 8px
}

.ml0 {
    margin-left: 0!important
}

.mr0 {
    margin-right: 0!important
}

.mb0 {
    margin-bottom: 0!important
}

.pr0 {
    padding-right: 0!important
}

.vm,
.vm .vma .vmb {
    height: 100px
}

.vm .vma {
    display: table;
    +position: absolute;
    +top: 50%
}

.vm .vma .vmb {
    width: 100%;
    display: table-cell;
    +position: relative;
    +top: -50%;
    +height: auto!important
}

.vma img,
div.pl:after {
    display: block
}

.ct .vma {
    +left: 50%;
    margin: 0 auto
}

.ct .vma .vmb {
    +left: -50%;
    margin: 0 auto
}

.ct .vma img {
    +margin-top: 4px
}

.vab {
    vertical-align: bottom
}

.pl a,
a.pl {
    text-align: left;
    line-height: 1.5
}

.ctr-sw a,
.pbr,
.pbr .gti,
.pimg-v100 p,
.sw li {
    text-align: center
}

.pl img {
    margin: 0
}

.pl a img,
a.pl img {
    display: block;
    cursor: pointer;
    margin-bottom: 4px
}

div.pl {
    zoom: 1
}

div.pl:after {
    height: 0
}

.sw {
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.sw li {
    +display: inline
}

.sw li a {
    height: 100%
}

.da a {
    display: inline-block;
    display: -moz-inline-box;
    -moz-box-align: stretch;
    padding: 0 6px;
    font-family: '\5B8B\4F53';
    +display: inline
}

.pp,
ul.pp li {
    overflow: hidden;
    zoom: 1
}

.pp img {
    margin-left: 0
}

.tb {
    display: table
}

.tbc {
    display: table-cell;
    float: none;
    +float: left;
    vertical-align: top
}

.border {
    height: 1px;
    border: none;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .12), rgba(0, 0, 0, .12) 50%, transparent 50%);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: bottom
}

.block:after,
.layer:after {
    height: 0;
    content: "\0020";
    clear: both
}

.layer {
    zoom: 1;
    width: 100%;
    margin: 0 auto
}

.layer:after {
    display: block
}

.tube {
    float: left;
    +display: inline;
    +overflow: hidden;
    line-height: 0;
    margin-right: 8px
}

.block {
    zoom: 1;
    width: 100%;
    line-height: 1.5;
    margin-bottom: 32px
}

.block:after {
    display: block;
    overflow: hidden
}

.tube-a {
    width: 628px;
    margin-right: 20px
}

.tube-b {
    width: 288px;
    padding-left: 24px
}

.tube .blockmb {
    margin-bottom: 20px
}

.layer-full .tube {
    float: left;
    width: 100%;
    margin-right: 0
}

.layer-1to5 .tube-a {
    width: 152px;
    padding-right: 0
}

.layer-1to5 .tube-b {
    width: 792px;
    padding-left: 0
}

html {
    background-color: #fbfbfb
}

#content {
    width: 960px;
    min-height: 600px;
    margin: 0 auto;
    padding-bottom: 24px
}

body>* {
    display: none
}

body>article,
body>div,
body>footer,
body>header {
    display: block
}

iframe {
    display: none!important
}

a:hover {
    text-decoration: underline;
    color: #f14382
}

::-moz-selection {
    color: #fff;
    color: rgba(255, 255, 255, .85);
    background: #cee3f2
}

::selection {
    color: #fff;
    color: rgba(255, 255, 255, .85);
    background: #cee3f2
}

.box strong,
.ctr-sw strong,
.red {
    color: #f14382
}

.gray {
    color: #bbb
}

.blue {
    color: #137ad1
}

.black {
    color: #000
}

.skyblue {
    color: #2380cc
}

.bluelk a:link,
.bluelk a:visited,
a.bluelk:link,
a.bluelk:visited {
    color: #137ad1
}

.bluelk a:hover,
a.bluelk:hover {
    text-decoration: underline;
    color: #137ad1
}

.graylk a:link,
.graylk a:visited,
a.graylk:link,
a.graylk:visited {
    color: #bbb
}

.graylk a:hover,
a.graylk:hover {
    text-decoration: underline;
    color: #f14382
}

.dgraylk a:link,
.dgraylk a:visited,
a.dgraylk:link,
a.dgraylk:visited {
    color: #666
}

.dgraylk a:hover,
a.dgraylk:hover {
    text-decoration: underline;
    color: #f14382
}

.blacklk a:link,
.blacklk a:visited,
a.blacklk:link,
a.blacklk:visited {
    color: #000
}

.blacklk a:hover,
a.blacklk:hover {
    text-decoration: underline;
    color: #f14382
}

.redlk a:link,
.redlk a:visited,
a.redlk:link,
a.redlk:visited {
    color: #f14382
}

.redlk a:hover,
a.redlk:hover {
    text-decoration: underline;
    color: #f14382
}

.whitelk a:link,
.whitelk a:visited,
a.whitelk:link,
a.whitelk:visited {
    color: #fff
}

.whitelk a:hover,
a.whitelk:hover {
    text-decoration: underline;
    color: #fff
}

.btn-white,
.btn-white:link,
.btn-white:visited {
    background-color: #fff
}

.btn-white:hover {
    background-color: #f0f0f0
}

.btn-gray,
.btn-gray:link,
.btn-gray:visited {
    background-color: #bbb
}

.btn-gray:hover {
    background-color: #a4a4a4
}

.btn-red,
.btn-red:link,
.btn-red:visited {
    background-color: #f46
}

.btn-red:hover {
    background-color: #e03c5a
}

.btn-blue,
.btn-blue:link,
.btn-blue:visited {
    background-color: #22b4f6
}

.btn-blue:hover {
    background-color: #1e9ed8
}

.btn-green,
.btn-green:link,
.btn-green:visited {
    background-color: #4cd964
}

.btn-green:hover {
    background-color: #43bf58
}

.h5dn {
    display: none
}

.dftt {
    height: 32px;
    line-height: 2;
    background-image: url(../images/20140119112540_klcvn.gif);
    background-repeat: repeat-x;
    background-position: 0 -240px;
    font-size: 14px;
    color: #000
}

.ctr-sw a,
.mr,
.u-chk {
    font-weight: 400
}

.btn u,
.btn:hover,
.btn:link,
.btn:visited {
    color: #666
}

.dftt div {
    height: 27px;
    padding: 2px 0 3px 24px;
    background-image: url(../images/main.png);
    background-repeat: no-repeat;
    background-position: 0 -792px
}

.ipt,
.txa {
    line-height: 21px;
    padding: 3px 2px 0 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #D4D4D4;
    font-size: 12px
}

.mr {
    font-size: 12px
}

.ipt {
    width: 180px;
    height: 25px
}

.ipt-l,
.txa {
    width: 430px
}

input.ipt:focus {
    background-color: #FAFFBD
}

.txa {
    display: block;
    height: 200px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.abtn button,
.abtn:link,
.abtn:visited,
.ali,
.btn,
.btn u,
.u-chk .chk,
.u-chk label {
    +display: inline;
    float: left
}

.ali {
    height: 20px;
    overflow: hidden;
    padding-left: 20px;
    font-family: \5B8B\4F53
}

input.uptxt {
    width: 400px
}

.upfile {
    position: relative;
    float: left;
    width: 148px;
    height: 24px;
    overflow: hidden;
    margin-top: 2px;
    margin-left: 8px
}

.upfile input {
    position: absolute;
    top: 0;
    width: 200px;
    height: 22px;
    font-size: 12px
}

@media all and (min-width:0px) {
    .upfile input {
        left: -139px
    }
}

.upfile input,
x:-moz-any-link,
x:default {
    left: -135px
}

.u-chk {
    line-height: 25px;
    font-size: 12px
}

.abtn u,
.btn {
    font-size: 14px
}

.u-chk .chk {
    margin: 7px 4px 0 0;
    +margin: 2px 2px 0 0;
    +vertical-align: middle
}

.u-chk label {
    margin: 0 16px 0 0
}

.btn {
    height: 24px;
    padding: 2px 24px 1px;
    margin: 4px 8px 0 0;
    overflow: hidden;
    line-height: 1.5;
    border: 1px solid #bad3e5;
    background: url(../images/btn.gif) 0 -300px repeat-x #E3EDF5
}

.btn u {
    height: 100%;
    font-family: 宋体
}

.btn:hover {
    text-decoration: none
}

.abtn u,
a.mbtn-b {
    text-decoration: none!important
}

.btn-s {
    height: 21px;
    padding: 2px 16px 1px;
    background: #d7eafb;
    border: 1px solid #88b3d8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.abtn:link,
.abtn:visited {
    margin-right: 8px;
    padding-left: 2px;
    height: 30px;
    overflow: hidden;
    background-color: #22b4f6;
    border-radius: 2px
}

.abtn:hover {
    background-color: #1e9ed8
}

.abtn button {
    +overflow: visible;
    width: auto;
    height: 100%;
    border: 0;
    background: 0 none;
    margin: 0;
    padding: 0;
    +width: 60px
}

.abtn button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.abtn u {
    display: inline-block;
    padding: 0 16px;
    height: 100%;
    letter-spacing: 2px;
    line-height: 31px;
    font-family: '\5B8B\4F53';
    color: #f7f7f7;
    +display: inline
}

.ctr-sw a,
.ctr-sw a:hover,
.pbr a.gtb button u,
.pbr a:hover,
.usetag a:hover {
    text-decoration: none
}

.abtn-w3 button {
    +width: 76px
}

.abtn-w4 button {
    +width: 92px
}

.abtn-w5 button {
    +width: 108px
}

.abtn-w6 button {
    +width: 124px
}

.abtn-w7 button {
    +width: 140px
}

a.abtn i {
    float: left;
    +display: inline;
    height: 100%;
    margin: 0 0 0 -16px;
    padding: 0 0 0 26px;
    background-repeat: no-repeat
}

.abtn-up {
    overflow: hidden;
    position: relative
}

.abtn-up i {
    background-image: url(../images/20140619030054_xgkvy.png);
    background-position: -150px -251px
}

.abtn-up input {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 25px;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0)
}

.abtn-no,
.abtn-no button,
.abtn-no u {
    cursor: default
}

.abtn-no:hover,
.abtn-no:link,
.abtn-no:visited {
    background-color: #d5d5d5!important
}

.abtn-no u {
    color: #f7f7f7!important
}

.pimg a {
    float: left;
    padding: 0 3px 7px 0;
    position: relative
}

.pimg p {
    float: left;
    padding: 0 3px 0 0
}

.pimg cite {
    display: block;
    clear: both
}

.pimg img {
    display: block;
    background-color: #fff;
    border-radius: 50%
}

.pimg img.avatar-v {
    position: absolute;
    background-color: transparent;
    width: 20px;
    height: 20px;
    right: 0;
    bottom: 0
}

.pimg a.nobg {
    background: 0 0
}

.pimg-ada a img,
.pimg-hot a img {
    padding: 0;
    background-color: #fff
}

.pimg-ada a img {
    border: 2px solid #238fdb
}

.pimg-hot a img {
    border: 2px solid #f14382
}

.pimg-ada,
.pimg-hot {
    position: relative
}

.pimg-ada u,
.pimg-hot u {
    position: absolute;
    width: 11px;
    height: 11px;
    overflow: hidden;
    line-height: 1;
    top: 0;
    right: 4px;
    font-size: 10px;
    color: #fff
}

.pimg-ada u {
    background-color: #238fdb
}

.pimg-hot u {
    background-color: #f14382
}

.pimg-v100 p {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: 1px solid #A7A7A7;
    padding: 2px;
    line-height: 100px;
    display: table-cell;
    +display: block;
    +font-size: 88px;
    +font-family: Arial;
    background: #fff
}

.pimg-v100 p img {
    display: inline;
    border: 0;
    padding: 0;
    vertical-align: middle
}

a.rvta:link u.rvtu,
a.rvta:visited u.rvtu {
    font-size: 12px;
    color: #5678a0
}

a.rvta:hover,
a.rvta:hover u.rvtu {
    color: #f14382
}

a.rvta:link,
a.rvta:visited {
    color: #666
}

a.rvta:link u.gray,
a.rvta:visited u.gray {
    font-size: 12px;
    color: #bbb
}

a.rvta:hover,
a.rvta:hover u.gray {
    color: #f14382
}

.ctr-sw,
.ctr-sw i,
.ctr-sw li,
.ctr-sw li a {
    background-image: url(../images/20150629155332_xamfd.gif);
    background-repeat: no-repeat;
    background-color: transparent
}

.ctr-sw {
    height: 31px;
    padding-left: 16px;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background-position: 0 -160px;
    background-repeat: repeat-x
}

.ctr-sw a,
.ctr-sw li {
    background-position: 0 -80px;
    float: left;
    height: 100%;
    overflow: hidden
}

.ctr-sw li {
    margin: 0 8px 0 0
}

.ctr-sw a {
    line-height: 38px;
    padding: 0 17px 0 20px;
    font-family: 宋体;
    font-size: 12px
}

.ctr-sw i {
    float: left;
    width: 4px;
    height: 100%;
    background-position: 0 -120px
}

.ctr-sw li.cur {
    z-index: 100;
    background-position: 0 0
}

.ctr-sw li.cur a {
    font-weight: 700;
    background-position: 0 0
}

.ctr-sw li.cur i {
    background-position: 0 -40px;
    background-color: transparent
}

.ctr-sw a:hover {
    background-color: transparent;
    color: #f14382
}

.ctr-sw .last i {
    background-color: #fff
}

.ctr-sw-rp {
    float: right;
    +display: inline;
    margin: -26px 0 0
}

.ctr-sw .pcore {
    height: auto;
    padding: 8px 4px 0;
    background: 0 0;
    font-weight: 700;
    font-size: 14px
}

.pbr {
    height: 40px;
    overflow: hidden;
    margin: 16px 0 0;
    line-height: 1
}

.pbr .dib {
    height: 100%
}

.pbr a:link,
.pbr a:visited,
.pbr li.cur {
    float: left;
    +display: inline;
    min-width: 20px;
    height: 20px;
    padding: 6px 4px 0;
    +height: 22px;
    +padding-top: 4px;
    white-space: no-wrap;
    word-break: keep-all;
    text-align: center;
    border: 1px solid #e3e2e1;
    border-radius: 2px;
    background-color: #fff;
    color: #0052aa;
    font-size: 14px
}

.ctr-tags,
.ppdaren u {
    word-break: break-all
}

.pbr a:hover {
    background-color: #f6f6f6;
    color: #0052aa
}

.pbr li {
    height: 40px;
    margin: 0 4px 0 0
}

.pbr li.cur {
    font-weight: 700;
    color: #fff;
    border-color: #ce0149;
    background-color: #f14382
}

.pbr li.ell {
    margin: 10px 8px 0 6px;
    font-size: 10px;
    font-weight: 700;
    +font-size: 12px;
    +font-weight: normal
}

@media all and (min-width:0px) {
    .pbr a {
        display: inline-block;
        float: none
    }
    .pbr li {
        float: left
    }
}

.pbr .nlk a:link,
.pbr .nlk a:visited,
.pbr a.nlk:link,
.pbr a.nlk:visited {
    color: #bbb;
    cursor: default
}

.pbr .nlk a:hover,
.pbr a.nlk:hover {
    color: #bbb;
    background-color: transparent
}

.pbr a.nxt,
.pbr a.pre {
    width: 56px;
    text-indent: -9999px;
    font-weight: 400;
    background-image: url(../images/20130719140023_yrjaz.png);
    background-repeat: no-repeat
}

.pbr a.pre:link,
.pbr a.pre:visited {
    background-position: -1px -1px
}

.pbr a.pre:hover {
    background-position: -1px -31px
}

.pbr a.nxt:link,
.pbr a.nxt:visited {
    background-position: -71px -1px
}

.pbr a.nxt:hover {
    background-position: -71px -31px
}

.pbr .gti {
    float: left;
    +display: inline;
    width: 32px;
    height: 16px;
    margin: 6px 0 0 2px;
    border: 1px solid #ccc;
    vertical-align: middle
}

.pbr a.gtb:link,
.pbr a.gtb:visited {
    float: left;
    +display: inline;
    width: auto;
    height: 18px;
    overflow: hidden;
    margin: 4px 0 0 2px;
    padding: 0;
    border: 1px solid #e3e2e1;
    background: #fff;
    cursor: pointer
}

.pbr a.gtb:hover {
    background: #f6f6f6
}

.pbr a.gtb button {
    margin: -6px 0 0;
    +margin: -4px 0 0;
    padding: 0 4px;
    border: 0;
    background: 0 0;
    cursor: pointer
}

.pbr a.gtb button u {
    line-height: 1.8
}

.pbr .pbrw {
    padding: 8px 4px;
    +padding-top: 9px
}

.scdaren {
    padding: 0 4px 0 8px;
    margin: 0;
    background: url(../images/20150710114801_vf2ec.png) -78px -1279px no-repeat;
    font-family: tahoma, arial, sans-serif
}

.ctr-dblist a.ppdaren,
.ppdaren u {
    background-image: url(../images/20150710114801_vf2ec.png);
    background-position: -80px -1217px;
    word-wrap: break-word;
    overflow: hidden
}

.ctr-dblist a.ppdaren,
.loading,
.ppdaren u {
    background-repeat: no-repeat
}

.ppdaren u {
    display: block;
    text-indent: 16px
}

.ctr-tags {
    zoom: 1;
    word-wrap: break-word;
    overflow: hidden;
    padding: 0 0 0 16px;
    font-size: 12px;
    color: #adadad
}

.ctr-tags u {
    clear: both;
    display: block;
    padding: 0 0 4px;
    color: #666
}

.ctr-tags a,
.usetag a:link,
.usetag a:visited {
    height: 21px;
    line-height: 1.8;
    padding: 0 6px;
    word-break: keep-all;
    background-color: transparent;
    white-space: nowrap
}

.ctr-tags a {
    float: left;
    +display: inline;
    overflow: hidden;
    margin: 0 8px 8px 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.ctr-tags a:link,
.ctr-tags a:visited {
    border: 1px solid #adadad;
    color: #adadad
}

.ctr-tags a.cur:hover,
.ctr-tags a.cur:link,
.ctr-tags a.cur:visited,
.ctr-tags a:hover {
    border: 1px solid #05699b;
    color: #05699b;
    text-decoration: none
}

.ctr-tags a span {
    font-family: tahoma;
    font-size: 11px
}

.usetag {
    margin: 8px 0 0;
    font-family: '\5B8B\4F53'
}

.usetag .usetagtt {
    display: inline-block;
    height: 21px;
    line-height: 1.8;
    margin: 0 0 8px;
    +display: inline
}

.usetag a:link,
.usetag a:visited {
    margin: 0 4px 8px 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #05699b;
    color: #05699b
}

.usetag a:hover {
    border: 1px solid #f14382;
    color: #f14382
}

.usetag a.added {
    border: 1px solid #adadad;
    color: #adadad!important;
    cursor: default
}

.ctr-care {
    height: 22px;
    overflow: hidden
}

.ctr-dblist li {
    zoom: 1;
    +margin-bottom: -4px;
    padding: 8px 0 4px 56px
}

.ctr-dblist li:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden
}

.ctr-dblist .pimg {
    float: left;
    +display: inline;
    width: 56px;
    margin: 4px 3px 0 -56px;
    position: relative
}

.ctr-dblist p {
    color: #999
}

.ctr-dblist .th {
    zoom: 1;
    height: 22px;
    overflow: hidden;
    line-height: 2;
    border-bottom: 1px dashed #e5e5e5
}

.ctr-dblist .th:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

.ctr-dblist .th i {
    float: right;
    +display: inline;
    margin: 2px 0 0;
    color: #bbb;
    font-weight: 400;
    font-family: normal;
    font-size: 10px
}

.loading2,
.loading3 {
    font-size: 16px;
    font-family: '\5FAE\8F6F\96C5\9ED1';
    font-weight: 400
}

.ctr-dblist .th b {
    float: left;
    +display: inline;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden
}

.ctr-dblist .stars {
    float: right;
    +display: inline;
    margin: 0 0 0 8px;
    display: none
}

.ctr-dblist .pcount {
    padding: 4px 0;
    color: #999
}

.ctr-dblist .pcount div {
    float: left;
    +display: inline;
    width: 72px;
    line-height: 2;
    margin-right: 2px
}

.ctr-dblist .pcount p {
    padding: 8px 0
}

.ctr-dblist .ctr-tags {
    overflow: hidden;
    height: 24px;
    margin-left: -56px
}

.ctr-dblist .ctr-care {
    margin-left: -58px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .upfile input {
        left: 0
    }
    .ctr-dblist .ctr-tags {
        float: left;
        margin: 0
    }
}

.ctr-dblist a.ppdaren {
    padding-left: 16px;
    word-break: break-all
}

.ctr-dblistpro .pimg {
    margin: 4px 8px 0 -56px
}

.ctr-dblistpro .th {
    height: 30px;
    border-bottom: 1px dashed #bfbfbf
}

.ctr-dblistpro .pcount div {
    width: 120px
}

.ctr-dblistpro b {
    width: 148px;
    height: 22px;
    overflow: hidden
}

.ctr-dblistpro .stars {
    float: left;
    margin: 8px 68px 0 0
}

.ctr-dblistpro .pcount {
    color: #666
}

.ctr-dblistpro .pcount u {
    color: #999
}

.ctr-dblistpro .pcount .qmcounts {
    width: 170px
}

.pp-dblist .th b {
    width: auto
}

div .ctr-zero {
    line-height: 1.5;
    padding: 8px 16px;
    margin: 8px 0 0;
    border: 1px solid #ccc;
    background-color: #f3f3f3
}

.loading {
    clear: both;
    zoom: 1;
    padding: 0 0 56px;
    +padding: 0 0 38px;
    margin: 0 0 16px;
    background-image: url(../images/20150629161655_wbhjj.gif);
    background-position: center 16px
}

.loading2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 66px;
    line-height: 64px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #EBEBEB;
    background: url(../images/20150629161806_likcx.gif) center center no-repeat #fff;
    text-indent: 414px;
    color: #666
}

#dt-nav,
#dt-search,
#dt-search form {
    position: relative
}

.loading3 {
    width: 100px;
    line-height: 1.5;
    margin: 8px auto 0;
    padding: 0 70px 0 0;
    text-align: right;
    background: url(../images/20150629161806_likcx.gif) right -2px no-repeat;
    color: #666
}

.no-record {
    padding: 16px 8px
}

.prompt {
    margin: 32px 32px 0 48px;
    padding: 0 0 48px;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    background-image: url(../images/20150629171947_8l2yu.gif);
    background-repeat: no-repeat;
    background-position: 0 1000px;
    font-size: 14px
}

.prompt h3,
.prompt-fail p,
.prompt-success p {
    padding-left: 60px
}

.prompt h3 {
    padding-top: 8px;
    color: #666;
    font-size: 14px
}

.prompt p {
    margin: 8px 0 0;
    color: #666;
    font-size: 12px
}

.box-a .tt,
.line a:link b,
.line a:visited b,
.line b {
    color: #000
}

.prompt-success {
    background-position: -80px -40px
}

.prompt-fail {
    background-position: -120px 0
}

.prompt-alert {
    background-position: -40px -80px
}

.prompt-nobg {
    background: 0 0
}

.box {
    zoom: 1
}

.box:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

.box .tt {
    overflow: hidden
}

.box .more {
    line-height: 1.8;
    font-size: 12px;
    font-weight: 400;
    margin-top: 6px
}

.box-a {
    border: 1px solid #e8e8e8
}

.box-a .tt {
    height: 37px;
    overflow: hidden;
    line-height: 1.8;
    margin: 1px 1px 0;
    padding: 0 0 0 8px;
    background-image: url(../images/20140119112540_klcvn.gif);
    background-repeat: repeat-x;
    background-position: 0 -80px;
    font-size: 18px;
    font-weight: 700
}

.box-a .tt strong {
    font-size: 20px
}

.box-a .tt .small {
    margin: 0 0 0 8px;
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle
}

.box-c .tt,
.line {
    line-height: 2.2;
    font-size: 14px
}

.box-a .cont {
    padding: 8px
}

.line {
    height: 32px;
    border-bottom: 0 solid #ccc
}

.line strong {
    font-weight: 700
}

.line a:hover b {
    color: #f14382
}

.line .mr {
    margin: 4px 0 0
}

.box-c .tt {
    padding: 0 8px;
    border-bottom: 1px solid #898989;
    background-color: #ececec;
    font-weight: 700
}

.box-d {
    border: 1px solid #e8e8e8
}

.box-d .tt,
.ttd {
    overflow: hidden;
    height: 22px;
    padding: 4px 0 0 8px;
    margin: 1px 1px 0;
    background-color: #f7f7f7;
    font-size: 12px;
    color: #000
}

.box-e .tt,
.box-r .tt {
    font-size: 14px;
    color: #000
}

.box-d .cont {
    padding: 16px
}

.box-d .more {
    margin: 8px 4px 0 0
}

.box-d .more-b {
    margin: 4px 4px 0 0;
    padding: 0 0 8px
}

.box-e {
    background-color: #fff
}

.box-e .tt {
    overflow: hidden;
    height: 26px;
    padding: 4px 0 0 8px
}

.box-e .cont {
    padding: 16px
}

.box-r .tt {
    height: 27px;
    padding-top: 2px;
    line-height: 2;
    border-bottom: 3px solid #f14382;
    font-weight: 700
}

.box-seal .prompt {
    margin: 8px 0 0 16px;
    padding: 4px 32px 20px 40px
}

.box-seal-b {
    border: 1px solid #a4c5e1;
    background-color: #f3f7fa
}

.box-edge {
    height: 1px;
    margin: 0 1px;
    font-size: 0;
    overflow: hidden
}

.box-h .left,
.box-h h2 {
    margin-right: 12px
}

#dt-nav-btn i,
.no-bh .box-b {
    margin-top: 2px
}

.box-cont {
    border-width: 0 1px;
    border-style: none solid;
    padding: 0 2px 2px;
    overflow: hidden;
    zoom: 1
}

.box-b {
    background-color: #FFF;
    overflow: hidden;
    zoom: 1
}

.box-h {
    height: 25px;
    padding: 0 12px;
    border-top: 1px solid #ccc;
    line-height: 25px
}

.box-h h2 {
    float: left;
    font-weight: 700;
    font-size: 14px
}

.box-h .right {
    margin-left: 12px
}

.no-bg .box-h {
    margin: 0 6px;
    border-width: 0 0 1px;
    border-style: none none solid
}

.box-hr {
    height: 1px;
    font-size: 0;
    overflow: hidden
}

.orange-box .box-edge,
.orange-box .box-hr {
    background-color: #F8C287
}

.orange-box .box-cont {
    border-color: #F8C287
}

.orange-box .box-h {
    border-bottom-color: #F8C287
}

.gray-box .box-edge,
.gray-box .box-hr {
    background-color: #DDD
}

.gray-box .box-cont {
    border-color: #DDD
}

.gray-box .box-h {
    border-bottom-color: #DDD
}

.blue-bg .box-cont {
    background-color: #E6F0FF
}

.orange-bg .box-cont {
    background-color: #FFF8DF
}

.gray-bg .box-cont {
    background-color: #F2F2F2
}

.dt-wrap {
    width: 1200px;
    margin: 0 auto
}

.dt-h5 {
    overflow: hidden;
    width: 100%;
    height: 5px
}

.dt-h10 {
    overflow: hidden;
    width: 100%;
    height: 10p
}

.dt-h104 {
    width: 100%;
    height: 104px
}

.dt-w29 {
    width: 29px;
    height: 100%
}

.dt-dashed-line {
    overflow: hidden;
    width: 100%;
    height: 1px;
    background: url(../images/20131220173009_fh3ym.png) repeat-x
}

.dt-nbg {
    background: 0 0!important
}

.dt-bdb {
    border-bottom: 1px solid #ebebeb
}

#header {
    margin-bottom: 39px
}

#dt-header {
    height: 64px;
    background-color: #fff;
    z-index: 998;
    font-size: 14px
}

#dt-header #dt-search-list,
#dt-header .dt-menu {
    z-index: 999
}

#dt-header-btm,
#dt-nav-content-cover {
    opacity: .12;
    filter: alpha(opacity=12);
    z-index: 990
}

#dt-header-btm {
    height: 1px;
    background-color: #000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .8)
}

#dt-logo {
    float: left;
    width: 80px;
    height: 64px;
    background: url(../images/20131224171644_txgcc.png) 0 12px no-repeat;
    text-indent: -9999px
}

#dt-logo:active {
    background-position: 0 13px
}

.dt-dreamer {
    background-color: #f46;
    color: #fff;
    padding: 0 3px 2px;
    font-size: 10px;
    line-height: 10px;
    height: 10px;
    border-radius: 2px
}

#dt-nav-btn,
#dt-nav-content,
#dt-nav-neck {
    background-color: #fff
}

.dt-nav-group a,
a.dt-dreamer-a {
    text-decoration: none;
    color: #444
}

#dt-nav-btn,
#dt-nav-btn-cover {
    height: 26px;
    width: 68px;
    cursor: pointer
}

#dt-nav {
    margin-left: 22px;
    margin-top: 18px;
    float: left
}

#dt-nav-btn {
    line-height: 26px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 2px
}

#dt-nav-btn-cover {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #000;
    opacity: .12;
    filter: alpha(opacity=12);
    border-radius: 2px
}

#dt-nav-btn i {
    overflow: hidden;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    background-image: url(../images/20131224174700_cxfn4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -o-transition: -o-transform .2s ease-out;
    transition: transform .2s ease-out
}

#dt-nav:hover i {
    -webkit-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg)
}

#dt-nav-neck {
    display: none;
    position: absolute;
    top: 35px;
    left: 1px;
    width: 68px;
    height: 16px;
    z-index: 999
}

#dt-nav-content {
    display: none;
    position: absolute;
    top: 43px;
    left: 1px;
    width: 486px;
    height: 280px;
    padding: 35px 0;
    font-size: 13px;
    z-index: 998
}

#dt-nav-content-cover {
    display: none;
    position: absolute;
    top: 42px;
    width: 486px;
    height: 350px;
    border: 1px solid #000
}

#dt-nav-left,
#dt-nav-right,
.dt-nav-group {
    float: left
}

#dt-nav-left {
    width: 121px;
    height: 284px;
    border-right: 1px solid #ebebeb;
    overflow: hidden
}

#dt-nav-right {
    width: 360px;
    overflow: hidden
}

#dt-nav-right-inner {
    width: 304px;
    margin-left: 20px;
    margin-top: -14px
}

.dt-nav-group {
    width: 66px;
    height: 86px;
    margin-left: 25px;
    padding-right: 39px;
    padding-bottom: 18px
}

#dt-nav-right .dt-nav-group {
    width: 304px;
    height: 43px;
    line-height: 43px;
    margin: 0;
    padding: 1px 0 0;
    background: url(../images/20131220173009_fh3ym.png) left top repeat-x
}

#dt-nav-right .dt-nav-vline {
    float: left;
    width: 1px;
    height: 12px;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;
    background-color: #ddd
}

#dt-nav-right .dt-nav-line {
    float: left;
    height: 1px;
    width: 100%;
    background-color: #e0e0e0;
    margin-top: 15px;
    margin-bottom: 33px
}

.dt-nav-group p {
    margin-bottom: 10px
}

.dt-nav-group a {
    padding: 3px 5px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 2px
}

.dt-nav-group a:hover {
    text-decoration: underline
}

#dt-nav-right .dt-nav-group a {
    float: left;
    margin-top: 10px;
    margin-bottom: 0
}

#dt-nav.show #dt-nav-btn,
#dt-nav.show #dt-nav-btn-cover {
    height: 40px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#dt-search button,
#dt-search form {
    height: 30px;
    background-color: #fff
}

#dt-nav.show #dt-nav-content,
#dt-nav.show #dt-nav-content-cover,
#dt-nav.show #dt-nav-neck {
    display: block
}

#dt-nav.show #dt-nav-btn-cover,
#dt-nav.show #dt-nav-content-cover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .8)
}

#dt-search {
    float: left;
    margin-left: 52px;
    margin-top: 16px;
    border: 1px solid #c5c5c5;
    z-index: 900
}

#dt-search form {
    width: 364px
}

#dt-search input {
    width: 322px;
    border: 0
}

#dt-search input:focus {
    background-color: #fff;
    border: 0;
    outline: 0
}

#dt-search button {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    outline: 0;
    border: 0;
    background-image: url(../images/20150617214247_ufaum.png);
    background-repeat: no-repeat;
    background-position: 6px 1px;
    text-indent: -9999px;
    cursor: pointer
}

#dt-search-list {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 30px;
    left: -1px;
    border: 1px solid #d4d5d5
}

#header .dt-vline,
.dt-search-line.hover {
    background-color: #ebebeb
}

#dt-search-list.show {
    display: block
}

.dt-search-line {
    width: 344px;
    height: 20px;
    padding: 5px 10px;
    cursor: pointer;
    color: #888;
    font-size: 13px
}

#header .dt-vline {
    float: right;
    width: 1px;
    height: 24px;
    margin-top: 20px
}

a.dt-account-btn {
    overflow: hidden;
    display: block;
    width: 125px;
    height: 64px;
    line-height: 64px;
    font-size: 13px;
    color: #444;
    text-decoration: none
}

.dt-account-btn i {
    float: left;
    width: 10px;
    height: 10px;
    margin-top: 28px;
    background-image: url(../images/20131224174700_cxfn4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -o-transition: -o-transform .2s ease-out;
    transition: transform .2s ease-out
}

.dt-account-btn span {
    float: left;
    margin-left: 8px;
    margin-right: 8px
}

#dt-account:hover .dt-account-btn i {
    -webkit-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg)
}

#dt-account .dt-avatar {
    float: left;
    width: 36px;
    height: 36px;
    margin: 13px 0 0;
    border-radius: 36px;
    -webkit-transition: -webkit-transform .4s ease-out;
    -moz-transition: -moz-transform .4s ease-out;
    -o-transition: -o-transform .4s ease-out;
    transition: transform .4s ease-out
}

#dt-add .dt-add-btn,
#dt-header .dt-btn {
    display: block;
    text-align: center;
    margin-top: 18px;
    float: right;
    text-decoration: none;
    vertical-align: middle
}

#dt-account .dt-avatar-v {
    position: absolute;
    left: 23px;
    top: 36px
}

#dt-header-right .dt-head-cat {
    float: right;
    margin-left: 25px;
    margin-right: 25px;
    font-size: 13px;
    line-height: 64px;
    text-align: center;
    color: #444;
    text-decoration: none
}

#dt-account {
    cursor: pointer;
    padding-right: 0!important;
    margin-right: 0!important
}

#dt-account .dt-menu {
    margin-right: 3px!important
}

#dt-account,
#dt-add,
#dt-notification {
    position: relative
}

#dt-notification {
    width: 66px;
    margin-left: 8px!important;
    margin-right: 8px!important
}

#dt-add,
#dt-header .dt-trend,
#dt-notification a {
    text-decoration: none;
    color: #444
}

.dt-notification-count {
    font-size: 12px;
    background-color: #f46;
    color: #fff;
    padding: 0 3px;
    border-radius: 2px
}

#dt-header .dt-btn {
    color: #fff;
    width: 52px;
    height: 28px;
    line-height: 28px;
    background-color: #f46;
    border-radius: 3px
}

#dt-add .dt-add-btn {
    color: #fff;
    width: 31px;
    height: 27px;
    line-height: 27px;
    text-indent: -9999px;
    border-radius: 2px;
    background: url(../images/20140526133240_rmvvc.png) -68px 1px #ddd
}

#dt-header .dt-head-cat .dt-menu {
    margin-right: -5px
}

.dt-menu,
.dt-menu-message {
    display: none;
    position: absolute;
    right: -3px;
    top: 64px;
    margin: 0 3px 3px;
    border: 1px solid rgba(0, 0, 0, .12);
    border: 1px solid #ebebeb\9;
    border-top: 1px solid #ddd;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .096)
}

.dt-co-menu {
    width: 366px;
    right: -130px;
    line-height: 20px
}

.dt-menu-inner,
.dt-menu-inner-notifi {
    background-color: #fff;
    position: relative
}

.dt-menu-inner a {
    display: block;
    padding: 0 14px;
    width: 126px;
    height: 48px;
    line-height: 48px;
    text-align: left;
    color: #7a7a7a;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none
}

.dt-menu-inner a:hover {
    background-color: #ebebeb
}

.dt-menu-mini a {
    height: 32px;
    line-height: 32px
}

.dt-menu-mini .dt-menu-bottom a {
    margin-top: 8px
}

.dt-menu-bottom {
    height: 47px!important;
    line-height: 47px!important;
    border-top: 1px solid #ebebeb
}

.dt-menu-inner-content,
.dt-menu-inner-nav-tab {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.dt-menu-bottom a i,
.dt-menu-inner a i {
    float: left;
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    margin-top: 15px;
    background: url(../images/20141127151135_edqkk.png) no-repeat
}

.dt-menu-mini a i {
    margin-top: 6px;
    margin-right: 10px;
    width: 16px;
    height: 16px
}

.dt-menu-bottom i {
    margin-top: 8px!important
}

.dt-co-menu .dt-menu-inner-nav {
    padding: 15px
}

.dt-menu-inner-nav-tab {
    width: 82px;
    float: left;
    height: 26px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #ddd;
    position: relative
}

.dt-menu-inner-nav-tab:nth-child(1) {
    border-left: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.dt-menu-inner-nav-tab:nth-child(4) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.tab-highlight {
    background: #ddd
}

.dt-menu-inner-nav-tab .dt-tab-numclean {
    background: #f46;
    height: 12px;
    border-radius: 2px;
    color: #fff;
    position: absolute;
    line-height: 12px;
    top: 1px;
    left: 51px;
    display: none;
    padding: 1px 2px
}

.dt-menu-inner-nav-tab:nth-child(2) i {
    left: 63px
}

.dt-tab-hidenum,
.dt-tab-realnum {
    display: none
}

.dt-co-menu .dt-menu-inner-content-item {
    display: none;
    height: 388px;
    width: 366px;
    outline: 0
}

.dt-co-menu .dt-menu-inner-content-item1 {
    display: block;
    width: 366px;
    padding: 0;
    overflow: hidden
}

.dt-co-menu .dt-menu-inner-content-item ul {
    position: relative
}

.dt-co-menu .dt-menu-inner-content-item ul li {
    padding: 12px 12px 16px;
    border-bottom: 1px solid #e8e8e8;
    width: 344px
}

.dt-co-menu .dt-menu-inner-content-item ul li:hover {
    background: #f1f2f3;
    cursor: pointer
}

.dt-co-menu .dt-menu-inner-content-item4 ul li:hover {
    background: 0 0;
    cursor: default
}

#dt-ologin,
.dt-co-menu .dt-menu-inner-content-item4 .dt-people-image,
a.as-hoo-btn {
    cursor: pointer
}

.dt-co-menu .dt-menu-inner-content-item .dt-people-avatar {
    position: relative;
    height: 40px;
    width: 40px;
    float: left
}

.dt-co-menu .dt-menu-inner-content-item .dt-people-image {
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    padding: 2px
}

.dt-co-menu .dt-menu-inner-content-item .dt-people-image2 {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 2px
}

.dt-people-icon {
    position: absolute;
    bottom: -3px;
    right: -3px;
    background: url(../images/20140716115853_e8zrr.png) -10px -10px;
    height: 20px;
    width: 20px
}

.dt-icon-inviter,
.dt-icon-letter {
    position: absolute;
    top: -3px;
    right: -4px;
    height: 20px;
    width: 20px
}

.dt-icon-inviter.on,
.dt-icon-letter {
    background: url(../images/20140716115853_e8zrr.png) -170px -10px
}

.dt-icon-letter {
    display: none
}

.dt-icon-letter.on {
    display: block
}

.dt-opeople-avatar,
.dt-opeople-image {
    width: 40px;
    height: 40px
}

.dt-icon-inviter.off {
    background: 0 0
}

.people-forward {
    background-position: -50px -10px
}

.people-zan {
    background-position: -90px -10px
}

.people-comment {
    background-position: -130px -10px
}

.dt-opeople-avatar {
    float: left;
    position: relative
}

.SG-sidecont img.dt-inviter-hidecover {
    display: none
}

.dt-co-menu .dt-menu-inner-content-item .dt-people-info {
    margin-left: 52px;
    text-align: left
}

.dt-co-menu .dt-menu-inner-content-item .dt-people-info2 {
    position: relative
}

.dt-co-menu .dt-menu-inner-content-item .dt-people-info p {
    width: 250px;
    float: left;
    word-break: break-all;
    font-size: 13px
}

.dt-co-menu .dt-menu-inner-content-item4 .dt-people-info p {
    width: 205px
}

.dt-co-menu .dt-menu-inner-content-item .dt-people-info .dt-people-name {
    color: #444;
    font-weight: 700
}

.dt-co-menu .dt-menu-inner-content-item .dt-people-info .dt-people-msg {
    color: #888
}

.dt-co-menu .dt-menu-inner-content-item .dt-people-info .people-content {
    color: #444
}

.dt-co-menu .dt-menu-inner-content-item .dt-pOpreate a {
    width: 60px;
    display: inline-block;
    margin-top: 14px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center
}

.dt-co-menu .dt-menu-inner-content-item .dt-pOpreate .dt-haccept {
    color: #fff!important
}

.dt-co-menu .dt-menu-inner-content-item .dt-pOpreate .dt-hdeny {
    margin-left: 12px;
    width: 58px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #f0f0f0;
    color: #888;
    text-align: center
}

.dt-menu-inner-content-item .dt-nonoti {
    height: 388px;
    font-size: 13px;
    line-height: 388px;
    color: #888
}

.dt-co-menu .dt-menu-inner-content-item a {
    display: block
}

#dt-notification .dt-co-menu .dt-menu-inner-content-item4 ul li .follow i,
#dt-notification .dt-co-menu .dt-menu-inner-content-item4 ul li .unfollow i,
.dt-co-menu .dt-menu-inner-content-item2 .dt-item2-inviter_num,
.dt-item2-coalbum_num {
    display: none
}

.pg-loadgif {
    position: absolute;
    left: 140px;
    top: 200px
}

#as-bar,
#asss,
.as-r,
.dt-ologin-icons,
.phone-icon {
    position: relative
}

.dt-co-menu .dt-menu-inner-content-item1 .dt-inner-content li {
    padding: 12px 12px 16px
}

.dt-co-menu .dt-menu-inner-content-item4 .dt-people-info {
    float: left;
    width: 210px;
    margin-left: 12px
}

#dt-notification .dt-co-menu .dt-menu-inner-content-item4 ul li .follow {
    color: #fff;
    font-size: 13px;
    width: 60px;
    float: left;
    height: 28px;
    line-height: 28px;
    background-color: #4cd964;
    text-indent: 0;
    background-image: none
}

#dt-notification .dt-co-menu .dt-menu-inner-content-item4 ul li .unfollow {
    height: 26px;
    color: #888;
    border: 1px solid #f0f0f0;
    font-size: 13px;
    line-height: 26px;
    width: 58px;
    float: left;
    background-color: #fff;
    text-indent: 0;
    background-image: none
}

.as-l2 h2,
.as-lcontent h2 {
    text-indent: -99999px
}

.dt-menu-inner .btn-green:hover {
    background-color: #43bf58
}

.dt-menu-inner .btn-white:hover {
    background-color: #f0f0f0
}

.dt-co-menu .dt-menu-inner-content-item4 a.follow i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/20140110112106_setrj.png);
    background-repeat: no-repeat;
    background-position: -80px 0;
    vertical-align: middle;
    margin-top: 5px;
    margin-right: 2px
}

.dt-menu-inner-bottom a {
    width: 338px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    color: #888
}

#mynavtools-home i {
    background-position: -302px -1px
}

#mynavtools-find i {
    background-position: -332px -1px
}

#mynavtools-setting i {
    background-position: -362px -1px
}

#mynavtools-public i {
    background-position: -302px -122px
}

#mynavtools-logout i {
    background-position: -392px -1px
}

#mynavtools-src i {
    background-position: -211px -1px
}

#mynavtools-local i {
    background-position: -241px -1px
}

#mynavtools-create i {
    background-position: -271px -1px
}

.dt-menu.show {
    display: block
}

#dt-ologin {
    float: right;
    width: 110px
}

#dt-ologin .dt-menu {
    width: 189px;
    height: 180px;
    background-color: #fff;
    margin: 0;
    padding: 20px 0 0
}

#dt-ologin .dt-menu a {
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0
}

#dt-ologin .dt-menu a p {
    color: #666;
    margin-top: 10px
}

.dt-ologin-icons {
    float: right;
    width: auto;
    height: 54px;
    padding-top: 14px
}

.dt-ologin-icons .dt-menu {
    width: 140px;
    height: 40px;
    padding: 15px;
    background-color: #fff;
    overflow: hidden
}

.dt-ologin-icons .dt-menu-inner {
    width: 144px
}

.phone-icon {
    display: inline-block;
    width: 11px;
    height: 19px;
    background: url(../images/20160523121159_er5vl.png) no-repeat;
    top: 4px
}

#as-bar,
.dt-ologin-icons i {
    background-repeat: no-repeat
}

.for-phone {
    color: #444;
    font-size: 13px
}

#dt-ologin .dt-menu a,
.dt-ologin-icons .dt-menu,
.dt-ologin-icons .qq,
.dt-ologin-icons .weibo {
    float: left
}

.dt-ologin-icons a {
    padding: 0;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    margin-right: 12px
}

.dt-ologin-icons a:hover {
    text-decoration: none
}

.dt-ologin-icons .weibo {
    background-position: -420px 0
}

.dt-ologin-icons .weibo:hover {
    background-position: -420px -120px
}

.dt-ologin-icons .qq {
    background-position: -460px 0
}

.dt-ologin-icons .qq:hover {
    background-position: -460px -120px
}

.dt-ologin-icons .taobao {
    background-position: -500px 0
}

.dt-ologin-icons .taobao:hover {
    background-position: -500px -120px
}

.dt-ologin-icons .txweibo {
    background-position: -540px 0
}

.dt-ologin-icons .txweibo:hover {
    background-position: -540px -120px
}

.dt-ologin-icons .douban {
    background-position: -580px 0
}

.dt-ologin-icons .douban:hover {
    background-position: -580px -120px
}

.dt-ologin-icons i {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-top: 14px;
    margin-left: 1px;
    background-image: url(../images/20131224174700_cxfn4.png);
    background-position: 0 0;
    -webkit-transition: -webkit-transform .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out;
    -o-transition: -o-transform .2s ease-out;
    transition: transform .2s ease-out
}

#dt-ologin:hover i {
    -webkit-transform: rotateZ(-180deg);
    -moz-transform: rotateZ(-180deg);
    -o-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg)
}

#dt-ologin .dt-ologin-legend {
    float: right;
    display: inline-block;
    width: 100px;
    height: 64px;
    line-height: 64px;
    font-size: 13px;
    color: #444;
    cursor: pointer
}

.as-hoo-img,
.as-lcontent a,
a.as-btn,
a.as-hoo-btn {
    display: block
}

.as-hoo-title,
a.as-hoo-btn {
    font-size: 14px;
    text-align: center
}

#dt-ologin .dt-menu li {
    float: left
}

#dt-notification.cur a.dt-notification-btn,
.dt-trend.cur {
    font-weight: 700;
    color: #F14382!important
}

@media screen and (max-width:1262px) {
    .dt-wrap {
        width: 956px
    }
    #dt-search input {
        width: 166px
    }
    #dt-search {
        margin-left: 38px
    }
    #dt-search form {
        width: 208px
    }
    .dt-search-line {
        width: 252px
    }
    #dt-header-right .dt-head-cat {
        margin-left: 16px;
        margin-right: 16px
    }
    #dt-header-right .dt-head-cat .dt-menu {
        margin-right: -16px
    }
}

#as-bar {
    width: 100%;
    height: 588px;
    background-image: url(../images/20140107104133_bkcvz.jpeg);
    background-position: top center;
    overflow: hidden
}

#as-bar.closed {
    height: 90px
}

.as-l,
.as-r {
    height: 470px;
    float: left
}

.as-wrap {
    margin: 0 auto;
    width: 961px;
    overflow: hidden;
    padding-top: 90px
}

.as-l {
    width: 240px;
    margin-right: 20px
}

.as-r {
    width: 700px;
    border-radius: 6px;
    overflow: hidden
}

.as-l1,
.as-l2 {
    border-radius: 3px
}

.as-l1 {
    padding: 20px 15px;
    height: 160px;
    margin-bottom: 15px
}

.as-l2 {
    padding: 10px 16px;
    height: 235px
}

.as-hoo-list-mask div {
    position: absolute;
    background-color: #fdedf0;
    border-radius: 6px
}

.as-hoo-list-mask-bottom,
.as-hoo-list-mask-top {
    top: 0;
    left: 0;
    width: 700px;
    height: 15px
}

.as-hoo-list-mask-bottom {
    top: auto;
    bottom: 0;
    height: 8px
}

.as-hoo-list-mask-left {
    top: 0;
    left: 0;
    width: 15px;
    height: 470px
}

.as-hoo-list-inner {
    position: absolute;
    width: 1214px;
    top: 0;
    left: 0
}

.as-hoo {
    float: left;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.as-hoo-inner {
    width: 170px;
    height: 209px;
    padding: 15px 15px 10px;
    border-right: 1px solid #e7dbdd;
    border-bottom: 1px solid #e7dbdd
}

.as-hoo-img,
.as-hoo-img img {
    width: 170px;
    height: 170px
}

.as-hoo-img {
    position: relative
}

.as-hoo-title,
.as-hoo-title-mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 170px;
    height: 28px
}

.as-hoo-title-mask {
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40)
}

a.as-btn,
a.as-rl,
a.as-rr {
    background-image: url(../images/20140102175358_gkmwp.png);
    background-repeat: no-repeat;
    position: absolute
}

.as-hoo-title {
    line-height: 28px;
    color: #fff
}

a.as-hoo-btn {
    margin: 9px auto;
    width: 90px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #f39801;
    border-radius: 3px
}

.as-hoo-inner .disable,
a.as-hoo-btn.disable {
    background-color: #b1b1b1;
    text-decoration: none;
    cursor: default
}

.dt-ccodepic,
.jspArrow,
.jspDrag,
.sgcoll-picselect .vm,
.sgcoll-picselect .vm img {
    cursor: pointer
}

.as-hoo-btn:hover {
    color: #fff
}

.as-li-inner {
    height: 42px;
    border-top: 1px solid #fff
}

.as-l2 li {
    border-top: 1px solid #e5dcdd
}

.as-l2 li.first,
.as-l2 li.first .as-li-inner {
    border: none
}

.as-luserinfo img {
    width: 26px;
    height: 26px;
    vertical-align: middle
}

.as-luserinfo,
.as-luserstar {
    height: 42px;
    line-height: 42px
}

.as-luserstar {
    float: right
}

.as-avatar,
.as-avatar img {
    display: block;
    width: 48px;
    height: 48px
}

.as-avatar,
.as-desc {
    float: left
}

.as-desc {
    margin-left: 12px
}

.as-lheader-inner {
    padding-bottom: 19px;
    border-bottom: 1px solid #e5dcdd
}

.as-lheader {
    border-bottom: 1px solid #fff
}

.as-lcontent h2 {
    padding: 15px 0 10px
}

a.as-lcontent-a1,
a.as-lcontent-a2 {
    font-size: 13px;
    padding-bottom: 5px
}

a.as-btn {
    bottom: -15px;
    left: 50%;
    margin-left: -42px;
    width: 84px;
    height: 30px;
    background-position: 0 -480px;
    z-index: 10
}

.mask,
.mask-pop {
    z-index: 9999
}

a.as-btn:hover {
    background-position: -100px -480px
}

a.as-btn.closed {
    background-position: 0 -520px
}

a.as-btn.closed:hover {
    background-position: -100px -520px
}

a.as-rl,
a.as-rr {
    top: 0;
    width: 60px;
    height: 470px;
    background-position: 0 0
}

a.as-rl {
    left: 0;
    background-position: -70px 0
}

a.as-rr {
    right: 0
}

.as-desc span {
    color: #ed4569;
    font-weight: 700
}

.as-desc2 {
    padding-top: 5px
}

.realfoot {
    height: 68px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #d8d9da;
    background-color: #e1e2e3;
    color: #444
}

#footer {
    overflow: hidden;
    margin: 0 auto
}

.footer .footct {
    width: 996px;
    line-height: 38px;
    margin: 0 auto;
    padding: 16px 0 32px
}

.footer .frdlk {
    float: right;
    padding: 2px 0 0;
    overflow: hidden
}

.footer .frdlk a {
    float: right;
    +display: inline;
    line-height: 36px;
    border-right: 1px solid #cfd0d1;
    margin-right: -1px;
    padding: 0 8px;
    color: #666!important
}

.footer .frdlk a.beian,
.footer .frdlk a.beian1 {
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    height: 36px
}

.footer .frdlk a.beian {
    border-right: none;
    padding-right: 0;
    margin-right: 10px;
    width: 102px;
    background: url(../images/20150729111454_2mytp.png) -798px -540px no-repeat
}

.footer .frdlk a.beian1 {
    background: url(../images/20160405130936_razmk.png) no-repeat;
    width: 113px
}

.duitang-copy {
    width: 20px;
    height: 16px;
    text-indent: -9999px
}

.duitang-slogo {
    width: 34px;
    height: 18px
}

#footer.footeridx {
    height: 225px;
    background-color: #e1e2e3;
    border-top: 1px solid #d8d9da;
    padding: 22px 0
}

#footer .dt-span-list {
    width: 1222px
}

.dt-footer-span {
    float: left;
    width: 179px;
    height: 142px;
    padding: 9px 32px;
    border-left: 1px solid #cfd0d1
}

.dt-footer-span-inner {
    width: 202px
}

.dt-footer-center .dt-footer-span-inner {
    width: 179px
}

.dt-footer-span-title {
    font-size: 13px;
    color: #444;
    margin-bottom: 15px
}

.dt-footer-span p,
.dt-footer-span-items a {
    color: #666;
    font-size: 13px
}

.dt-footer-span-items a {
    float: left;
    width: 100px;
    height: 30px
}

.dt-footer-span-items a.long {
    width: 200px
}

.dt-tcode {
    margin: 5px auto;
    padding: 3px;
    width: 88px;
    height: 88px;
    background-color: #fff
}

.mask-cont,
.tt-s {
    padding: 0
}

.dt-footer-bottom {
    margin: 20px auto 5px;
    font-size: 13px;
    color: #888;
    height: 47px;
    text-align: center;
    line-height: 47px
}

#footer.footeridx .beian,
#footer.footeridx .beian1,
#footer.footeridx .beian2,
#footer.footeridx .zhengxin {
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    margin-left: 10px
}

#footer.footeridx .zhengxin {
    width: 128px;
    background: url(../images/20150729111454_2mytp.png) -920px -490px no-repeat
}

#footer.footeridx .beian {
    width: 102px;
    background: url(../images/20150729111454_2mytp.png) -798px -540px no-repeat
}

#footer.footeridx .beian1 {
    background: url(../images/20160405130936_razmk.png) no-repeat;
    width: 113px
}

#footer.footeridx .beian2 {
    background: url(../images/20161222154249_ufmck.jpeg) no-repeat;
    width: 96px;
    background-size: 100% 100%
}

.mask,
.mask-fm,
.mask-pop {
    display: none
}

.txt {
    position: absolute;
    left: -9999px;
    overflow: hidden;
    width: 1px;
    height: 1px
}

.mask-body,
.tt-s {
    position: relative;
    overflow: hidden
}

.mask-body {
    background-color: #fff;
    border: #B0B0B0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2), 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 4px
}

.tt-s {
    height: 46px;
    font-size: 16px;
    font-weight: 700;
    line-height: 46px;
    border-bottom: 1px solid #ebebeb;
    color: #606060;
    text-align: center
}

a.mask-close:link,
a.mask-close:visited {
    float: right;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-indent: -9999px;
    background-image: url(../images/20150617215527_jyaca.png);
    background-repeat: no-repeat;
    background-position: 15px 15px;
    position: absolute;
    right: 0;
    top: 0
}

.mask,
.mask-ct {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

a.mask-close:hover {
    background-position: -17px -17px
}

.mask-bg {
    height: 100%;
    opacity: .8;
    filter: alpha(opacity=80);
    background-color: #000
}

.login .cnt-i input,
.mask-block {
    background-color: #fff
}

.mask-pop {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    table-layout: fixed
}

#poplogin,
#sgcoll-panel,
#sgcoll-tags-cls,
.login .sites a,
.pg-reg li a,
.sgcoll-picselect,
.sgcoll-tags-wrp {
    position: relative
}

.mask-fm {
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.mask-wrap {
    border: 2px solid #333
}

.mask-focus {
    width: 0;
    height: 0;
    overflow: hidden
}

.mask-bars {
    padding: 8px 16px 16px
}

.mask-bars a {
    margin: 0 8px 0 0
}

a.mbtn-b {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    width: 84px;
    height: 27px;
    overflow: hidden;
    line-height: 30px;
    background-image: url(../images/main2.gif);
    background-repeat: no-repeat
}

#retotop:hover,
#set-page .clr a:hover,
#set-page-title a:hover,
.login .sites a:hover,
.pg-reg li a:link,
.pg-reg li a:visited,
.sgcoll-albumsel a:hover,
.tag-use-cnt a:hover {
    text-decoration: none
}

a.mbtn-b:link,
a.mbtn-b:visited {
    color: #333;
    background-position: 0 -80px
}

a.mbtn-b:hover {
    color: #333;
    background-position: -90px -80px
}

.popmess {
    zoom: 1
}

.popmess:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both
}

#mask-pop-1 {
    width: 582px
}

#mask-pop-1 .bpng {
    width: 595px
}

#mask-pop-1 .popin {
    text-align: center
}

#mask-pop-0 {
    width: 412px
}

#mask-pop-0 .bpng {
    width: 425px
}

#mask-pop-0 .popin {
    text-align: center;
    padding: 8px
}

#mask-pop-0 .popmess {
    padding: 20px 8px;
    font-size: 14px;
    line-height: 25px
}

.login {
    padding: 40px 0 40px 40px
}

.login .cont {
    float: left;
    +display: inline
}

.login .cont form {
    overflow: hidden;
    padding: 0 32px 0 0
}

.login .dt-ccode,
.login .dt-pswd,
.login .dt-unme {
    position: relative;
    margin-top: 20px;
    border: 1px solid #E5E4E3;
    overflow: hidden
}

.login .dt-ccode {
    display: none;
    border: 0
}

#poplogin-rem {
    margin-top: 24px
}

.login .cnt-i input {
    float: left;
    padding: 11px 10px;
    height: 16px;
    width: 250px;
    border: none;
    line-height: 16px;
    font-size: 14px
}

.login .cnt-i input.ccode {
    width: 70px;
    border: 1px solid #E5E4E3
}

.dt-ccodepic {
    height: 40px;
    margin-left: 10px
}

#loginbtn {
    width: 270px;
    text-align: center
}

#loginbtn u {
    line-height: 40px;
    width: 238px
}

.login .dt-unme {
    margin: 0
}

.login .dt-unme label {
    background-position: -343px -129px
}

.login .dt-pswd label {
    background-position: -313px -129px
}

.login .submit {
    margin-top: 10px;
    overflow: hidden;
    color: #606060
}

.login .submit .abtn {
    margin-right: 0;
    height: 40px
}

.login .u-chk {
    height: 60px;
    line-height: 60px
}

.login .login .sites {
    margin-top: 5px
}

.login .cnt-i label {
    background-image: url(../images/20150629160158_ezahu.png);
    background-repeat: no-repeat
}

#poplogin .toreg {
    height: 50px;
    background: #f9f9f9;
    border-top: 1px solid #ebebeb;
    text-align: center
}

#poplogin .toreg a {
    height: 50px;
    line-height: 50px
}

.pg-reg li {
    margin-bottom: 10px
}

.pg-reg li a:hover {
    background: #f6f6f6
}

.pg-reg {
    margin-top: 22px
}

.pg-reg a {
    margin-left: 37px
}

.pg-reg a:first-child {
    margin-left: 0
}

.pg-reg i {
    background-image: url(../images/20150115153954_uwnxn.png);
    display: inline-block;
    width: 25px;
    height: 25px
}

.pg-reg .pg-weibo {
    background-position: -4px -4px
}

.pg-reg .pg-QQ {
    background-position: -36px -4px
}

.pg-reg .pg-douban {
    background-position: -67px -4px
}

.pg-reg .pg-taobao {
    background-position: -100px -4px
}

.pg-reg .pg-qqweibo {
    background-position: -131px -4px
}

.login .sites {
    zoom: 1;
    float: left;
    padding-left: 57px;
    border-left: 1px solid #ebebeb
}

.login .sites img {
    margin-top: 30px
}

.login .sites:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

#mbtagsrm .mytag i:before,
.tag-use-cnt a.added-tag i:before {
    content: "#"
}

.login .sites a {
    display: block;
    border-radius: 5px;
    width: 160px;
    +width: 180px;
    width: 180px\9;
    height: 28px;
    line-height: 28px;
    color: #666;
    text-indent: 33px;
    font-size: 14px
}

.login .sites p {
    display: block;
    height: 20px;
    color: #B0B0B0
}

.login .sites div.clr {
    padding: 0 0 14px
}

.sites a:link,
.sites a:visited {
    width: 180px
}

.logindirec {
    float: right;
    padding: 4px 6px;
    border: 1px solid #c5e1f4;
    background-color: #ecf7ff;
    -moz-box-shadow: 2px 2px 4px #999;
    -webkit-box-shadow: 2px 2px 4px #999;
    box-shadow: 2px 2px 4px #999
}

.logindirec i,
.logindirec input {
    float: left;
    +display: inline
}

.logindirec i {
    margin: 4px 8px 0 0
}

.logindirec .ipt {
    width: 80px
}

.logindirec .abtn {
    margin: -2px 24px 0 8px
}

.logindirec .SG-sideclose:hover,
.logindirec .SG-sideclose:link,
.logindirec .SG-sideclose:visited {
    margin: 4px 0 0;
    background-color: transparent
}

.logindirec .insitelogin {
    background: 0 0;
    padding: 0
}

#sgcoll-fetch-in,
#sgcoll-up-in {
    padding-bottom: 32px
}

.logindirec .popregbtn {
    margin: 0 24px 0 0
}

.sgcoll-dbox,
.sgcoll-drgbox {
    float: left;
    +display: inline;
    width: 420px;
    height: 220px;
    margin: 32px 0 0 32px;
    text-align: center;
    background: url(../images/20130918110017_pctn5.png) no-repeat #fafafa
}

.sgcoll-drgbox {
    height: 191px;
    margin-top: 20px;
    background-position: 0 -600px
}

.sgcoll-dragdr {
    overflow: hidden;
    height: 65px;
    line-height: 65px;
    text-indent: 33px;
    border-bottom: 1px solid #f4f4f4;
    background: url(../images/20130918110017_pctn5.png) 0 -833px repeat-x
}

#sgcoll-up .abtn-up {
    margin: 78px 0 0
}

#sgcoll-up-mess {
    margin: 16px 0 0;
    color: #b0b0b0
}

#sgcoll-fetching,
#sgcoll-uploading {
    margin: 80px 0 0 118px
}

#sgcoll-fetch-cancel,
#sgcoll-up-cancel {
    font-size: 12px;
    font-family: '\5B8B\4F53';
    margin: 0 0 0 44px
}

#sgcoll-dropimgcov {
    display: none;
    position: absolute;
    z-index: 100;
    left: 38px;
    top: 85px;
    width: 408px;
    height: 208px;
    line-height: 200px;
    text-align: center;
    background-color: rgba(255, 248, 230, .9);
    color: #b2b2b2;
    font-size: 20px;
    font-family: '\5FAE\8F6F\96C5\9ED1'
}

.tableform,
.tableform td,
.tableform th {
    font-family: '\5B8B\4F53'
}

#sgcoll-fetch-in #sgcoll-fchk {
    width: 346px;
    height: 24px;
    margin: 50px auto 0;
    text-align: left
}

#sgcoll-fetch-in #sgcoll-fipt {
    width: 340px
}

#sgcoll-fetch-in .tc .abtn {
    margin: 16px 0 0
}

#sgcoll-uploaded .uploadpic-delthepic,
#sgcoll-uploaded .uploadpic-thepic {
    display: none
}

#sgcoll-panel {
    zoom: 1;
    margin: 16px 28px 0
}

#sgcoll-pics {
    zoom: 1;
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    background-color: #f7f7f7
}

#sgcoll-pics img#sgcoll-upimg {
    display: block;
    width: 120px;
    height: 120px;
    margin: 24px 0 24px 28px;
    padding: 6px;
    border: 1px solid #ebebeb;
    background-color: #fff
}

.sgcoll-finfo {
    padding: 12px 28px;
    color: #666
}

.sgcoll-finfo div {
    padding: 4px 0 0;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden
}

.sgcoll-finfo span {
    color: #bbb
}

.sgcoll-piclist {
    overflow: hidden
}

.sgcoll-picselect {
    width: 428px;
    height: 158px;
    margin: 0 0 0 28px
}

.sgcoll-picselect .vm,
.sgcoll-picselect .vma .vmb {
    height: 120px;
    overflow: hidden
}

.sgcoll-picselect .vm {
    width: 120px;
    padding: 6px;
    border: 1px solid #ebebeb;
    margin: 0 13px 0 0;
    background-color: #fff
}

.sgcoll-picselect .last {
    margin-right: 0
}

.sgcoll-picselect .vm img {
    max-width: 120px;
    max-height: 120px
}

.sgcoll-picselect .cur {
    padding: 5px;
    border: 2px solid #137ad1
}

#sgcoll-tags-sel,
.sgcoll-album .sgcoll-shw {
    border: 1px solid #d4d4d4
}

.sgcoll-tags-wrp {
    margin-top: 1px;
    +margin-top: 0;
    background-color: #fff
}

#sgcoll-tags-add {
    height: 32px;
    margin: 0;
    overflow: hidden;
    overflow-y: auto
}

#sgcoll-tags-lb {
    position: absolute;
    top: 11px;
    left: 8px;
    color: #aaa
}

#sgcoll-tags-lb i {
    float: left;
    +display: inline;
    width: 28px;
    background: url(../images/20150629160158_ezahu.png) -396px -104px no-repeat
}

#sgcoll-tags-sel {
    display: none;
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    width: 410px;
    padding: 12px 8px 8px;
    background-color: #fff
}

#sgcoll-tags-cls {
    float: right;
    +display: inline;
    width: 0;
    height: 0
}

#sgcoll-tags-cls span {
    position: absolute;
    left: auto;
    top: -10px;
    right: -6px;
    width: 14px;
    height: 14px;
    text-indent: -9999px;
    background-image: url(../images/20140619030054_xgkvy.png);
    background-position: -280px -125px;
    background-repeat: no-repeat;
    cursor: pointer
}

.sgcoll-album {
    position: relative;
    overflow: visible;
    margin: 0
}

.sgcoll-album p.sgcoll-albumsel {
    width: auto;
    margin: 0 8px 0 0
}

.sgcoll-albumsel input {
    display: none
}

.sgcoll-albumsel a {
    display: block;
    width: 260px;
    height: 24px;
    overflow: hidden;
    line-height: 1.8;
    padding: 2px 20px 0 4px
}

.sgcoll-albumsel a:link,
.sgcoll-albumsel a:visited {
    color: #666;
    background-color: #fff;
    background-image: url(../images/20150629171618_ckeuh.gif);
    background-repeat: no-repeat;
    background-position: right -29px
}

.sgcoll-albumsel a:hover {
    background-color: #d7eafb;
    background-position: right 1px;
    color: #238fdb
}

#sgcoll-uploaded #myalbums-wrap {
    top: 246px;
    left: 28px;
    width: 426px;
    z-index: 102
}

#sgcoll-uploaded #myalbums-wrap .ipt {
    width: 317px;
    margin-right: 8px
}

.sgcoll-cxa {
    position: relative;
    height: auto;
    overflow: hidden;
    margin: 16px 0 0
}

.sgcoll-cxa textarea {
    width: 420px;
    height: 68px
}

.sgcoll-cxa label {
    position: absolute;
    z-index: 10;
    top: 5px;
    left: 6px;
    color: #aaa
}

#sgcoll-subarea {
    margin: 12px 0 0;
    padding: 2px 0 16px
}

#sgcoll-subarea .abtn-s {
    margin: -1px 8px 0 0
}

#sgcoll-subarea label {
    margin-right: 0
}

.sgcoll-mbsite {
    float: left;
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin: 4px 0 0;
    text-indent: -99999px;
    background-image: url(../images/20150710114801_vf2ec.png);
    background-repeat: no-repeat
}

.popalbumedit .ipt,
.popalbumedit .txa,
.popcreatealbum .ipt {
    width: 280px
}

.u-chk .s-sina {
    background-position: -60px -891px
}

#sgcoll-over .prompt {
    margin: 48px 32px 0 116px;
    padding: 0 0 48px
}

.sgcoll-over-bot {
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    background-color: #f8f8f8;
    color: #bbb
}

.sgcoll-over-bot span {
    margin: 0 4px
}

.popcreatealbum {
    padding-bottom: 16px
}

.popcreatealbum table {
    margin-top: 22px
}

.popcreatealbum td,
.popcreatealbum th {
    line-height: 2.2;
    padding: 4px 8px 4px 0;
    vertical-align: top
}

.albumdel,
.tomyalbum {
    padding-bottom: 8px
}

.popcreatealbum .txa {
    width: 280px;
    height: 60px
}

#popal-mbaddtagsel {
    display: block!important;
    height: auto
}

#popal-mbaddtag-lb {
    position: absolute;
    left: 4px;
    top: 4px;
    line-height: 1.5;
    color: #bbb
}

.albumdel {
    height: 22px;
    line-height: 1.8;
    margin: 4px 8px 0
}

.popalbumedit {
    padding-bottom: 16px
}

.popalbumedit td,
.popalbumedit th {
    line-height: 2.2;
    padding: 4px 8px 4px 0;
    vertical-align: top
}

.popalbumedit .txa {
    height: 60px
}

.albumconfirm {
    padding-bottom: 16px;
    font-size: 14px;
    font-weight: 700
}

.popalbumdel {
    padding: 32px 16px 16px 32px
}

.ipt-f {
    color: #bbb
}

#retotop:hover,
#set-page-tip span,
.error,
.errorlist li,
.tableform .redstar {
    color: #f14382
}

label.ipt-f {
    position: absolute;
    top: 4px;
    left: 6px
}

.tableform {
    margin: 16px 0 0
}

.tableform td,
.tableform th {
    line-height: 2.4;
    padding: 6px 8px 2px 0;
    vertical-align: top
}

.tableform .subtd {
    padding: 16px 4px 4px 0
}

.tableform .abtn {
    margin-right: 8px
}

.tableform .reply-sub {
    padding-top: 3px
}

.tableform input.ipt,
.tableform textarea {
    line-height: 21px;
    padding: 3px 2px 0 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #D4D4D4;
    font-size: 12px
}

.tableform input.ipt {
    width: 180px;
    height: 25px
}

.tableform textarea,
div.cmt-post .txa {
    width: 430px;
    height: 200px
}

.tableform input.ipt-l {
    width: 430px
}

.errorlist li {
    line-height: 2.2
}

.error {
    clear: both
}

div.cmt-post {
    padding: 0 0 32px
}

div.cmt-post input.ipt {
    width: 430px
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane,
.jspVerticalBar {
    position: absolute
}

.jspVerticalBar {
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    background: 0 0
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: 0 0;
    position: relative
}

.jspDrag {
    background: url(../images/20140719133910_3jh4j.png);
    position: relative;
    top: 0;
    left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    +background: none
}

.jspHorizontalBar .jspDrag,
.jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    padding: 0;
    margin: 0
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: 0
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

a.follow:link,
a.follow:visited,
a.followed:link,
a.followed:visited,
a.followeo:link,
a.followeo:visited,
a.unfollow:link,
a.unfollow:visited {
    float: left;
    height: 24px;
    line-height: 1.5;
    background-image: url(../images/20150629171522_dy3ev.png);
    background-repeat: no-repeat;
    text-indent: -99999px
}

a.follow:link,
a.follow:visited {
    width: 64px;
    background-position: 0 0
}

a.follow:hover {
    background-position: 0 -28px
}

a.unfollow:link,
a.unfollow:visited {
    width: 108px;
    background-position: -96px -56px
}

a.unfollow:hover {
    background-position: -96px -84px
}

a.followed:link,
a.followed:visited {
    width: 92px;
    background-position: 0 -56px
}

a.followed:hover {
    background-position: 0 -84px
}

a.followeo:link,
a.followeo:visited {
    width: 120px;
    background-position: -68px -28px
}

a.followeo:hover {
    background-position: -68px -28px
}

.side-retotop {
    height: 1000px
}

.side-retotop .SG-sidecont {
    height: 100%
}

#retotop {
    display: block;
    width: 50px;
    height: 50px;
    margin: 200px 0 0 16px;
    background-image: url(../images/20130308184024_8takv.png);
    background-repeat: no-repeat;
    text-indent: -9999px
}

#retotop:link,
#retotop:visited {
    background-position: 0 0
}

#retotop:hover {
    background-position: 0 -50px
}

#gotonext:link,
#gotonext:visited {
    display: block;
    height: 200px;
    margin-top: 550px
}

#gotonext:hover {
    background: url(../images/20150629172148_fvtsq.gif) 16px 50px no-repeat
}

#gotopre:link,
#gotopre:visited {
    display: none;
    position: fixed;
    left: 0;
    bottom: 266px;
    width: 82px;
    height: 200px
}

#gotopre.hov,
#gotopre:hover {
    background: url(../images/20150629172148_fvtsq.gif) -114px -200px no-repeat
}

#set-page {
    position: fixed;
    display: none;
    z-index: 9100;
    width: 258px;
    height: 146px;
    line-height: 19px;
    padding: 0;
    border: 1px solid #a0a0a0;
    background-color: #f0f0f0;
    font-family: '\5FAE\8F6F\96C5\9ED1'
}

#set-page-title {
    padding: 4px 8px;
    color: #999;
    border-bottom: 1px solid #e0e0e0
}

#set-page-title a:link,
#set-page-title a:visited {
    float: right;
    +display: inline;
    width: auto;
    border: 0;
    color: #999
}

#set-page-title a:hover {
    color: #f14382;
    border: 0
}

#set-page-tip {
    display: none;
    padding: 24px 24px 0
}

#set-page-tip span {
    font-weight: 700
}

#set-page .clr {
    padding: 4px 0 0 8px;
    border-top: 1px solid #fff
}

#set-page .clr a:link,
#set-page .clr a:visited {
    float: left;
    +display: inline;
    width: 20px;
    text-align: center;
    color: #333;
    border: 1px solid #f0f0f0;
    border-radius: 3px
}

#set-page .clr a:hover {
    border: 1px solid #aecff7;
    background-color: #eff2f6
}

#set-page .clr a.first {
    width: 86px
}

#set-page .clr a.cur {
    background-color: #bbb;
    border: 1px solid #bbb
}

#set-page input {
    width: 30px;
    text-align: center
}

#set-page #set-page-readme:link,
#set-page #set-page-readme:visited {
    width: auto;
    margin: 0 0 0 26px;
    color: #5678a0;
    border: 0
}

#set-page #set-page-readme:hover {
    text-decoration: none;
    color: #f14382;
    border: 0
}

.PL-confirm {
    position: absolute;
    z-index: 9012;
    top: 0;
    left: 0;
    width: 230px;
    +width: 218px;
    padding: 0;
    display: none
}

.PL-cfm-cont {
    width: auto;
    padding: 12px;
    border: 1px solid #A0A0A0;
    +border: 5px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    +border-radius: 1px;
    -moz-box-shadow: 0 0 10px #666;
    -webkit-box-shadow: 0 0 10px #666;
    box-shadow: 0 0 10px #666;
    background-color: #fff
}

.PL-cfm-wds {
    min-height: 30px;
    font-size: 12px;
    line-height: 1.5
}

.PL-cfm-btns {
    margin: 4px 0 0
}

.tag-use-cnt a i,
.tag-use-cnt a:link,
.tag-use-cnt a:visited {
    background-image: url(../images/20140110112106_setrj.png);
    background-position: -555px 5px;
    background-repeat: no-repeat
}

#contaddarea .firstlev {
    padding: 30px;
    background-color: #f1f2f3;
    position: relative
}

.firstlev .tag-tips {
    line-height: 23px
}

.tag-sel-cnt .tag-edt-ipt,
.tag-use-cnt .tag-use-desc,
.tag-use-cnt a {
    height: 24px;
    line-height: 24px;
    font-family: '\5B8B\4F53'
}

#contaddarea .tag-def-cnt {
    padding: 0 8px 8px;
    background-color: #fff
}

.tag-use-cnt .tag-use-desc,
.tag-use-cnt a {
    margin: 8px 8px 0 0;
    padding-right: 0
}

.tag-use-cnt .tag-use-desc {
    display: inline-block;
    +display: inline
}

.tag-use-cnt a:link,
.tag-use-cnt a:visited {
    padding-left: 2px;
    color: #fff;
    background-color: #eaeaea;
    border-radius: 2px
}

.tag-use-cnt a i {
    display: inline-block;
    height: 24px;
    cursor: pointer
}

.tag-use-cnt i {
    +display: inline
}

.tag-use-cnt a:link i,
.tag-use-cnt a:visited i {
    background-position: right -172px
}

.tag-use-cnt a:hover i {
    background-position: right -198px
}

.tag-use-cnt a.locked {
    background-position: -555px -35px!important;
    cursor: default!important
}

.tag-use-cnt a.locked i {
    background-position: right -224px!important;
    cursor: default!important
}

.tag-sel-cnt {
    margin: 0 8px 8px;
    padding: 8px 0 0;
    border-bottom: 1px solid #ebebeb;
    cursor: text
}

.tag-sel-cnt a:link,
.tag-sel-cnt a:visited {
    margin-top: 0;
    margin-bottom: 8px;
    background-position: 0 -250px;
    color: #606060
}

.tag-sel-cnt a:hover {
    background-position: 0 -276px
}

.tag-sel-cnt a:link i,
.tag-sel-cnt a:visited i {
    background-position: right -120px
}

.tag-sel-cnt a:hover i {
    background-position: right -146px
}

.tag-sel-cnt .tag-edt-ipt {
    margin: 0 8px 8px 0;
    width: 120px;
    +height: 21px;
    +padding-top: 3px;
    border: 0;
    vertical-align: bottom
}

.sid-tag a:link i,
.sid-tag a:visited i {
    padding-right: 12px;
    background-position: right 0
}

.sid-tag a:hover i {
    background-position: right -26px
}

.tag-use-cnt a.added-tag:link,
.tag-use-cnt a.added-tag:visited {
    background: 0 0;
    margin-right: 0
}

.tag-use-cnt a.added-tag i {
    padding: 0 10px 0 0
}

.tag-use-cnt a.added-tag:hover i {
    text-decoration: line-through
}

.tag-use-cnt a i {
    padding: 0 10px 0 20px;
    color: #525252
}

.tag-use-cnt a.locked i {
    color: #888
}

.tag-tips {
    display: block;
    padding: 14px 0 0 42px;
    color: #a6a6a6
}

.tag-form-content {
    width: 532px;
    border: 1px solid #cacbcc;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto
}

#mbtagsrm .mytag:hover,
#mbtagsrm .mytag:link,
#mbtagsrm .mytag:visited {
    background-color: #fff;
    background-image: none
}

#mbtagsrm .mytag i {
    background-color: #fff;
    background-image: none;
    padding-left: 0;
    padding-right: 8px
}

#mbtagsrm .mytag:hover,
#mbtagsrm .mytag:hover i {
    text-decoration: underline!important
}

i.tag-use-desc {
    background-image: url(../images/20150629160158_ezahu.png);
    background-repeat: no-repeat;
    width: 20px;
    background-position: -396px -101px
}

#addnewtag:link,
#addnewtag:visited {
    background-position: 0 -562px
}

#addnewtag:hover {
    text-decoration: none;
    background-position: 0 -588px
}

#addnewtag:link i,
#addnewtag:visited i {
    color: #606060;
    background-position: right -510px
}

#addnewtag:hover i {
    background-position: right -536px
}

#myalbums-wrap {
    position: absolute;
    width: 426px;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #CCC #BBB #AAA
}

#myalbums-albs {
    height: 157px;
    overflow: hidden;
    overflow-y: scroll
}

#myalbums-albs a {
    display: block;
    height: 16px;
    line-height: 16px;
    padding: 4px 8px 6px;
    font-size: 14px
}

#myalbums-albs a:link,
#myalbums-albs a:visited {
    color: #666
}

#myalbums-albs a.cur:hover,
#myalbums-albs a.cur:link,
#myalbums-albs a.cur:visited,
#myalbums-albs a:hover {
    background-color: #d7eafb;
    text-decoration: none;
    color: #238fdb
}

#myalbums-albs.loading {
    padding-bottom: 0;
    margin-bottom: 0
}

#myalbums-wrap div.clr {
    padding: 8px 0 8px 8px;
    background-color: #f7f7f7
}

#myalbums-wrap .ipt {
    width: 250px;
    margin: 0 4px 0 0;
    font-size: 14px
}

.ipadalbumsel {
    float: right;
    width: 30px;
    height: 30px;
    margin: -74px 0 0;
    background-image: url(../images/20120528235100_nxjme.gif);
    background-position: no-repeat
}

.ipadalbumsel:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}

#ipadalbumselectordown {
    background-position: -30px 0
}

#ipadalbumselectorup {
    margin-top: -104px;
    background-position: 0 -30px
}
